<template>
    <span 
        :style="style" 
        :class="['iconfont', iconName, 'default', 'diy']" 
        :color="color"
        :font="fontSize"
    ></span>
</template>

<script setup>
import {ref, reactive, defineProps, onMounted, getCurrentInstance} from 'vue';
const props = defineProps({
    style:String,
    iconName: String,
    fontSize: String,
    color: String
});

</script>

<style scoped>
.default {
    width: 2em;
    height: 2em;
    font-size: 1.5em;
    color: #008900;
}

</style>